<!DOCTYPE html>
<html>

	<head>
		<meta charset="utf-8" />
		<meta http-equiv="X-UA-Compatible" content="IE=edge" />
		<meta name="viewport" content="width=device-width,initial-scale=1" />
		<link rel="stylesheet" href="css/bootstrap.min.css" />
		<link rel="stylesheet" href="css/font-awesome.min.css" />
		<link rel="stylesheet" href="css/owl.carousel.css" />
		<link rel="stylesheet" href="css/responsive.css" />
		<link rel="stylesheet" href="css/style.css" />
		<title>（一个测试，非真实）手机专卖网站</title>
	</head>

	<body>
		<div class="header-area">
			<div class="container">
				<div class="row">
					<div class="col-md-8">
						<div class="user-menu">
							<ul>
								<li>
									<a href="#"><i class="fa fa-user"></i>我的账户（注意网站仅仅测试，非真实存在）</a>
								</li>
								<li>
									<a href="#"><i class="fa fa-heart"></i>收藏</a>
								</li>
								<li>
									<a href="#"><i class="fa fa-car"></i>购物车</a>
								</li>
								<li>
									<a href="#"><i class="fa fa-dollar"></i>结算</a>
								</li>
								<li>
									<a href="#"><i class="fa fa-users"></i>登陆</a>
								</li>
							</ul>
						</div>
					</div>
					<div class="col-md-4">
						<div class="header-right">
							<ul class="list-unstyled list-inline">
								<li class="dropdown dropdown-small">
									<a href="#" data-toggle="dropdown" data-hover="dropdown" class="dropdown-toggle">
										<span class="key">货币：</span> <span class="value"> 美元</span><b class="caret"></b></a>
									<ul class="dropdown-menu">
										<li>英镑</li>
										<li>英镑</li>
										<li>人民币</li>
									</ul>
								</li>
								<li class="dropdown dropdown-small">
									<a href="#" data-toggle="dropdown" data-hover="dropdown" class="dropdown-toggle">
										<span class="key">语言：</span> <span class="value">中文简体</span><b class="caret"></b></a>
									<ul class="dropdown-menu">
										<li>English</li>
										<li>Franch</li>
										<li>日语</li>
									</ul>
								</li>
							</ul>
						</div>
					</div>
				</div>
			</div>
		</div>
		<!--头部区域结束-->
		<!--logo区域-->
		<div class="site-branding-area">
			<div class="container">
				<div class="row">
					<div class="col-sm-6">
						<div class="logo">
							<img src="img/logo.png" />
						</div>
					</div>
					<div class="col-sm-6">
						<div class="shopping-item">
							<a href="#">购物车<i class="fa fa-shopping-cart"></i>
								<span class="product-count"> 5</span>
							</a>
						</div>
					</div>
				</div>
			</div>
		</div>
		<!--logo區域結束-->
		<!--菜單區域-->
		<div class="mainmenu-area">
			<div class="container">
				<div class="row">
					<div class="navbar-header">
						<button type="button" class="navbar-toggle" data-toggle="collapse" data-target=".navbar-collapse">
							<span class = "sr-only"></span>
							<span class = "icon-bar"></span>
							<span class = "icon-bar"></span>
							<span class = "icon-bar"></span>
						</button>
					</div>
					<div class="navbar-collapse collapse">
						<ul class="nav navbar-nav">
							<li class="active">
								<a>首頁</a>
							</li>
							<li>
								<a>購物</a>
							</li>
							<li>
								<a>單品</a>
							</li>
							<li>
								<a>購物車</a>
							</li>
							<li>
								<a>結賬</a>
							</li>
							<li>
								<a>類別</a>
							</li>
							<li>
								<a>其它</a>
							</li>
							<li>
								<a>聯繫我們</a>
							</li>
						</ul>
					</div>
				</div>
			</div>
		</div>
		<!--菜单区域结束-->
		<!--轮换部分-->
		<div class="slider-area">
			<div class="block-slider block-slider4">
				<ul id="bxslider-home4">
					<li>
						<img src="img/h4-slide.png" />
						<div class="caption-group">
							<h2 class="caption title">
								iphone <span class = "primary">
									6 <strong>plus</strong>
								</span>
							</h2>
							<h4 class="caption subtitle">
								双卡双待
						</h4>
							<a class="caption button-radius">
								<span class="icon"></span>现在购买
							</a>
						</div>
					</li>
					<li>
						<img src="img/h4-slide2.png" />
						<div class="caption-group">
							<h2 class="caption title">
								买一赠一 <span class = "primary">
									5<strong>折</strong>
								</span>
							</h2>
							<h4 class="caption subtitle">
								学校用品
							</h4>
							<a class="caption button-radius">
								<span class="icon"></span>现在购买
							</a>
						</div>
					</li>
					<li>
						<img src="img/h4-slide3.png" />
						<div class="caption-group">
							<h2 class="caption title">
								Apple<span class = "primary">
									ipod<strong></strong>
								</span>
							</h2>
							<h4 class="caption subtitle">
								选项
							</h4>
							<a class="caption button-radius">
								<span class="icon"></span>现在购买
							</a>
						</div>
					</li>
					<li>
						<img src="img/h4-slide4.png" />
						<div class="caption-group">
							<h2 class="caption title">
								Apple <span class = "primary">
									ipod<strong></strong>
								</span>
							</h2>
							<h4 class="caption subtitle">
								
							</h4>
							<a class="caption button-radius">
								<span class="icon"></span>现在购买
							</a>
						</div>
					</li>
				</ul>
			</div>
		</div>
		<!--轮换结束-->
		<div class="promo-area">
			<div class="zigzag-buttom">
			</div>
			<div class="container">
				<div class="row">
					<div class="col-md-3 col-sm-6">
						<div class="single-promo promo1">
							<i class="fa fa-refresh">
							</i>
							<p>30天无理由退货</p>
						</div>
					</div>
					<div class="col-md-3 col-sm-6">
						<div class="single-promo promo2">
							<i class="fa fa-truck">
							</i>
							<p>包邮</p>
						</div>
					</div>
					<div class="col-md-3 col-sm-6">
						<div class="single-promo promo3">
							<i class="fa fa-lock">
							</i>
							<p>安全支付</p>
						</div>
					</div>
					<div class="col-md-3 col-sm-6">
						<div class="single-promo promo4">
							<i class="fa fa-gift">
							</i>
							<p>新产品</p>
						</div>
					</div>
				</div>
			</div>
		</div>
		<!--最新产品区域-->
		<div class="maincontent-area">
			<div class="zigzag-bottom"></div>
			<div class="container">
				<div class="row">
					<div class="col-md-12">
						<div class="latest-product">
							<h2 class="section-title">最新产品</h2>
							<div class="product-carousel">
								<div class="single-product">
									<div class="product-f-image">
										<img src="img/product-1.jpg" />
										<div class="product-hover">
											<a class="add-to-cart-link">
												<i class="fa fa-shopping-cart"></i> 加入购物车
											</a>
											<a class="view-details-link">
												<i class="fa fa-link"></i> 查看详情
											</a>
										</div>
									</div>
									<h2><a href="#">三星S5</a></h2>
									<div class="product-carousel-price">
										500$
									</div>
								</div>

								<div class="single-product">
									<div class="product-f-image">
										<img src="img/product-2.jpg" />
										<div class="product-hover">
											<a class="add-to-cart-link">
												<i class="fa fa-shopping-cart"></i> 加入购物车
											</a>
											<a class="view-details-link">
												<i class="fa fa-link"></i> 查看详情
											</a>
										</div>
									</div>
									<h2><a href="#">三星S5</a></h2>
									<div class="product-carousel-price">
										500$
									</div>
								</div>

								<div class="single-product">
									<div class="product-f-image">
										<img src="img/product-3.jpg" />
										<div class="product-hover">
											<a class="add-to-cart-link">
												<i class="fa fa-shopping-cart"></i> 加入购物车
											</a>
											<a class="view-details-link">
												<i class="fa fa-link"></i> 查看详情
											</a>
										</div>
									</div>
									<h2><a href="#">三星S5</a></h2>
									<div class="product-carousel-price">
										500$
									</div>
								</div>

								<div class="single-product">
									<div class="product-f-image">
										<img src="img/product-4.jpg" />
										<div class="product-hover">
											<a class="add-to-cart-link">
												<i class="fa fa-shopping-cart"></i> 加入购物车
											</a>
											<a class="view-details-link">
												<i class="fa fa-link"></i> 查看详情
											</a>
										</div>
									</div>
									<h2><a href="#">三星S5</a></h2>
									<div class="product-carousel-price">
										500$
									</div>
								</div>

								<div class="single-product">
									<div class="product-f-image">
										<img src="img/product-5.jpg" />
										<div class="product-hover">
											<a class="add-to-cart-link">
												<i class="fa fa-shopping-cart"></i> 加入购物车
											</a>
											<a class="view-details-link">
												<i class="fa fa-link"></i> 查看详情
											</a>
										</div>
									</div>
									<h2><a href="#">三星S5</a></h2>
									<div class="product-carousel-price">
										500$
									</div>
								</div>

								<div class="single-product">
									<div class="product-f-image">
										<img src="img/product-6.jpg" />
										<div class="product-hover">
											<a class="add-to-cart-link">
												<i class="fa fa-shopping-cart"></i> 加入购物车
											</a>
											<a class="view-details-link">
												<i class="fa fa-link"></i> 查看详情
											</a>
										</div>
									</div>
									<h2><a href="#">三星S5</a></h2>
									<div class="product-carousel-price">
										500$
									</div>
								</div>
							</div>
						</div>
					</div>
				</div>
			</div>
		</div>
		<!--新产品轮换部分结束-->
		<!--商标轮换-->
		<div>
			<!--此处省略若干行代码-->
		</div>
		<!--产品展示区域-->
		<div class="product-widget-area">
			<div class="zigzag-bottom"></div>
			<div class="container">
				<div class="row">
					<div class="col-md-4">
						<h2 class="product-wid-title">热卖</h2>
						<a class="wid-view-more">查看所有</a>
						<div class="single-wid-product">
							<img src="img/product-thumb-1.jpg" class="product-thumb" />
							<h2><a>苹果 5S</a></h2>
							<div class="product-wid-rating">
								<i class="fa fa-star"></i>
								<i class="fa fa-star"></i>
								<i class="fa fa-star"></i>
								<i class="fa fa-star"></i>
								<i class="fa fa-star"></i>
							</div>
							<div class="product-carousel-price">
								700$
							</div>
						</div>
						<div class="single-wid-product">
							<img src="img/product-thumb-2.jpg" class="product-thumb" />
							<h2><a>三星S5</a></h2>
							<div class="product-wid-rating">
								<i class="fa fa-star"></i>
								<i class="fa fa-star"></i>
								<i class="fa fa-star"></i>
								<i class="fa fa-star"></i>
							</div>
							<div class="product-carousel-price">
								500$
							</div>
						</div>
						<div class="single-wid-product">
							<img src="img/product-thumb-3.jpg" class="product-thumb" />
							<h2><a>sada笔记本</a></h2>
							<div class="product-wid-rating">
								<i class="fa fa-star"></i>
								<i class="fa fa-star"></i>
								<i class="fa fa-star"></i>
							</div>
							<div class="product-carousel-price">
								600$
							</div>
						</div>
						<div class="single-wid-product">
							<img src="img/product-thumb-4.jpg" class="product-thumb" />
							<h2><a>康佳电视</a></h2>
							<div class="product-wid-rating">
								<i class="fa fa-star"></i>
								<i class="fa fa-star"></i>
								<i class="fa fa-star"></i>
							</div>
							<div class="product-carousel-price">
								500$
							</div>
						</div>
					</div>
					<div class="col-md-4">
						<h2 class="product-wid-title">最新</h2>
						<a class="wid-view-more">查看所有</a>
						<div class="single-wid-product">
							<img src="img/product-thumb-1.jpg" class="product-thumb" />
							<h2><a>苹果 5S</a></h2>
							<div class="product-wid-rating">
								<i class="fa fa-star"></i>
								<i class="fa fa-star"></i>
								<i class="fa fa-star"></i>
								<i class="fa fa-star"></i>
								<i class="fa fa-star"></i>
							</div>
							<div class="product-carousel-price">
								700$
							</div>
						</div>
						<div class="single-wid-product">
							<img src="img/product-thumb-2.jpg" class="product-thumb" />
							<h2><a>三星S5</a></h2>
							<div class="product-wid-rating">
								<i class="fa fa-star"></i>
								<i class="fa fa-star"></i>
								<i class="fa fa-star"></i>
								<i class="fa fa-star"></i>
							</div>
							<div class="product-carousel-price">
								500$
							</div>
						</div>
						<div class="single-wid-product">
							<img src="img/product-thumb-3.jpg" class="product-thumb" />
							<h2><a>sada笔记本</a></h2>
							<div class="product-wid-rating">
								<i class="fa fa-star"></i>
								<i class="fa fa-star"></i>
								<i class="fa fa-star"></i>
							</div>
							<div class="product-carousel-price">
								600$
							</div>
						</div>
						<div class="single-wid-product">
							<img src="img/product-thumb-4.jpg" class="product-thumb" />
							<h2><a>康佳电视</a></h2>
							<div class="product-wid-rating">
								<i class="fa fa-star"></i>
								<i class="fa fa-star"></i>
								<i class="fa fa-star"></i>
							</div>
							<div class="product-carousel-price">
								500$
							</div>
						</div>
					</div>
					<div class="col-md-4">
						<h2 class="product-wid-title">活动</h2>
						<a class="wid-view-more">查看所有</a>
						<div class="single-wid-product">
							<img src="img/product-thumb-1.jpg" class="product-thumb" />
							<h2><a>苹果 5S</a></h2>
							<div class="product-wid-rating">
								<i class="fa fa-star"></i>
								<i class="fa fa-star"></i>
								<i class="fa fa-star"></i>
								<i class="fa fa-star"></i>
								<i class="fa fa-star"></i>
							</div>
							<div class="product-carousel-price">
								700$
							</div>
						</div>
						<div class="single-wid-product">
							<img src="img/product-thumb-2.jpg" class="product-thumb" />
							<h2><a>三星S5</a></h2>
							<div class="product-wid-rating">
								<i class="fa fa-star"></i>
								<i class="fa fa-star"></i>
								<i class="fa fa-star"></i>
								<i class="fa fa-star"></i>
							</div>
							<div class="product-carousel-price">
								500$
							</div>
						</div>
						<div class="single-wid-product">
							<img src="img/product-thumb-3.jpg" class="product-thumb" />
							<h2><a>sada笔记本</a></h2>
							<div class="product-wid-rating">
								<i class="fa fa-star"></i>
								<i class="fa fa-star"></i>
								<i class="fa fa-star"></i>
							</div>
							<div class="product-carousel-price">
								600$
							</div>
						</div>
						<div class="single-wid-product">
							<img src="img/product-thumb-4.jpg" class="product-thumb" />
							<h2><a>康佳电视</a></h2>
							<div class="product-wid-rating">
								<i class="fa fa-star"></i>
								<i class="fa fa-star"></i>
								<i class="fa fa-star"></i>
							</div>
							<div class="product-carousel-price">
								500$
							</div>
						</div>
					</div>
				</div>
			</div>
		</div>
		<!--主内容区域结束-->
		<!--底部区域开始-->
		<div class="footer-top-area">
			<div class="zigzag-bottom">
			</div>
			<div class="container">
				<div class="row">
					<div class="col-md-3 col-sm-6">
						<div class="footer-about-us">
							<h2>U<span>stmra</span></h2>
							<p>
								Lorem ipsum dolor sit amet, consectetur adipisicing el it. Perferendis sunt id doloribus vero quam laborum quas alias dolores blanditiis iusto consequatur, modi aliquid eveniet eligendi iure eaque ipsam iste, pariatur omnis sint! Suscipit, debitis, quisquam. Laborum commodi veritatis magni at?

							</p>
							<div class="footer-social">
								<a><i class="fa fa-facebook"></i></a>
								<a><i class="fa fa-twitter"></i></a>
								<a><i class="fa fa-youtube"></i></a>
								<a><i class="fa fa-linkedin"></i></a>
							</div>
						</div>
					</div>
					<div class="col-md-3 col-sm-6">
						<div class="footer-menu">
							<h2 class="footer-wid-title">用户导航</h2>
							<ul>
								<li>我的账户</li>
								<li>历史订单</li>
								<li>我的收藏</li>
								<li>联系我们</li>
								<li>前页</li>
							</ul>
						</div>
					</div>
					<div class="col-md-3 col-sm-6">
						<div class="footer-menu">
							<h2 class="footer-wid-title">产品目录</h2>
							<ul>
								<li>移动电话</li>
								<li>定制产品</li>
								<li>智能家居</li>
								<li>液晶电视</li>
								<li>计算机</li>
							</ul>
						</div>
					</div>
					<div class="col-md-3 col-sm-6">
						<div class="footer-newsletter">
							<h2 class="footer-wid-title">写信给我们</h2>
							<div class="newsletter-form">
								<form>
									<input type="email" placeholder="请输入邮箱地址" />
									<input type="submit" value="提交" />
								</form>
							</div>
						</div>
					</div>
				</div>
			</div>
		</div>
		<!--底部版權區域-->
		<div class="footer-bottom-area">
			<div class="container">
				<div class="row">
					<div class="col-md-8">
						<div class="copyright">
							<p>Copyright &copy;2016軟通工大定製班所有</p>
						</div>
					</div>
					<div class="col-md-7">
						<div class="footer-card-icon">
							<i class="fa fa-cc-discover"></i>
							<i class="fa fa-cc-mastercard"></i>
							<i class="fa fa-cc-paypal"></i>
							<i class="fa fa-cc-visa"></i>
						</div>
					</div>
				</div>
			</div>
		</div>
		<!-- Latest jQuery form server -->
		<script src="js/jquery-1.9.1.js"></script>
		<!-- Bootstrap JS form CDN -->
		<script src="js/bootstrap.js"></script>
		<!-- jQuery sticky menu -->
		<script src="js/owl.carousel.min.js"></script>
		<script src="js/jquery.sticky.js"></script>
		<!-- jQuery easing -->
		<script src="js/jquery.easing.1.3.min.js"></script>
		<!-- Main Script -->
		<script src="js/main.js"></script>
		<!-- Slider -->
		<script type="text/javascript" src="js/bxslider.min.js"></script>
		<script type="text/javascript" src="js/script.slider.js"></script>
	</body>

</html>